<!--
  Generated template for the Mission page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-content>
    <div class="m-bannar">
        <img src="./assets/imgs/mission-center.png" alt="">
    </div>
    <div class="m-title">推荐任务</div>
    <ion-list>
    	<ion-item>
            <ion-thumbnail item-left class="m-icon">
                <img src="./assets/svg/m-zl.svg" alt="">
            </ion-thumbnail>
            <h2>完善资料</h2>
            <p>
            	<span padding-right>
            		<ion-icon color="warning" name="card"></ion-icon> 15积分
            	</span>
            	<span>
            		<ion-icon color="warning" name="game-controller-a"></ion-icon> 120经验
            	</span>
            </p>
            <button ion-button small item-right class="round">做任务</button>
        </ion-item>
        <ion-item>
            <ion-thumbnail item-left class="m-icon">
                <img src="./assets/svg/m-ts.svg" alt="">
            </ion-thumbnail>
            <h2>开启资讯推送</h2>
            <p>
            	<span padding-right>
            		<ion-icon color="warning" name="card"></ion-icon> 88积分
            	</span>
            	<span>
            		<ion-icon color="warning" name="game-controller-a"></ion-icon> 88经验
            	</span>
            </p>
            <button ion-button small item-right class="round">做任务</button>
        </ion-item>
    </ion-list>
    <div class="m-title">我的任务</div>
    <ion-list>
        <ion-item>
            <ion-thumbnail item-left class="m-icon">
                <img src="./assets/svg/m-dy.svg" alt="">
            </ion-thumbnail>
            <h2>订阅商家</h2>
            <p>
            	<span padding-right>
            		<ion-icon color="warning" name="card"></ion-icon> 150积分
            	</span>
            	<span>
            		<ion-icon color="warning" name="game-controller-a"></ion-icon> 100经验
            	</span>
            </p>
            <span item-right color="secondary" class="m-status">已完成</span>
        </ion-item>
    </ion-list>
</ion-content>
